<template>
  <div>
    <el-tabs v-model="state.activeName" class="demo-tabs" @tab-click="handleClick">
      <el-tab-pane :label="i.label" :name="i.name" v-for="i in tabs" :key="i.name">
        <component :is="i.component"></component>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup lang="ts">
import {reactive} from "vue"
import Turntable from "./Turntable.vue";
import Scratch from "./Scratch.vue";
import Squared from "./Squared.vue";

const state = reactive({
  activeName:'turntable',
})

const tabs = [
  {label:'转盘抽奖',name:'turntable',component:Turntable},
  {label:'刮刮卡抽奖',name:'scratch',component:Scratch},
  {label:'九宫格抽奖',name:'squared',component:Squared},
]
const handleClick = () => {

}

</script>

<style scoped>

</style>